<nz-spin [nzSpinning]="isSpinning">
      <form nz-form [formGroup]="validateForm">
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="6" [nzXs]="24">
            <label for="roleTypeName" nz-form-item-required>角色类型名称</label>
          </div>
          <div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback [nzValidateStatus]="getFormControl('roleTypeName')">
            <nz-input formControlName="roleTypeName" [nzId]="'roleTypeName'"  [(ngModel)]="roleTypeBean.roleTypeName" name="roleTypeName" [nzPlaceHolder]="'请输入角色类型名称'"></nz-input>
            <div nz-form-explain *ngIf="getFormControl('roleTypeName').dirty&&getFormControl('roleTypeName').hasError('required')">角色类型名称不能为空!</div>
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="6" [nzXs]="24">
            <label for="roleTypeDescribe" nz-form-item-required>角色类型描述</label>
          </div>
          <div nz-form-control nz-col [nzSm]="14" [nzXs]="24"  nzHasFeedback  [nzValidateStatus]="getFormControl('roleTypeDescribe')" >
            <nz-input name="roleTypeDescribe" formControlName="roleTypeDescribe" [nzId]="'roleTypeDescribe'"  [(ngModel)]="roleTypeBean.roleTypeDescribe" [nzPlaceHolder]="'请输入角色描述'"></nz-input>
            <div nz-form-explain *ngIf="getFormControl('roleTypeDescribe').dirty&&getFormControl('roleTypeDescribe').hasError('required')">角色类型描述不能为空!</div>
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="6" [nzXs]="24">
            <label for="roleList" nz-form-item-required>角色</label>
          </div>
          <div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback [nzValidateStatus]="getFormControl('roleList')">
            <nz-select
              nzAllowClear
              [nzPlaceHolder]="'请选择'"
              [nzShowSearch]="true" [nzMode]="'multiple'" formControlName="roleList" [nzSize]="'large'" [(ngModel)]="roleTypeBean.roleList" name="roleList">
              <nz-option
                *ngFor="let option of roleList"
                [nzLabel]="option.roleName"
                [nzValue]="option.id+''"
                [nzDisabled]="option.disabled">
              </nz-option>
            </nz-select>
            <div nz-form-explain *ngIf="getFormControl('roleList').dirty&&getFormControl('roleList').hasError('required')">角色不能为空!</div>
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="6" [nzXs]="24">
            <label for="partyList" nz-form-item-required>机构</label>
          </div>
          <div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback [nzValidateStatus]="getFormControl('partyList')">
            <nz-select
              nzAllowClear
              [nzPlaceHolder]="'请选择'"
              [nzShowSearch]="true" [nzMode]="'multiple'" formControlName="partyList" [nzSize]="'large'" [(ngModel)]="roleTypeBean.partyList" name="partyList">
              <nz-option
                *ngFor="let option of partyList"
                [nzLabel]="option.label"
                [nzValue]="option.value+''"
                [nzDisabled]="option.disabled">
              </nz-option>
            </nz-select>
            <div nz-form-explain *ngIf="getFormControl('roleList').dirty&&getFormControl('partyList').hasError('required')">机构不能为空!</div>
          </div>
        </div>
      </form>
  <div style="text-align: center;">
    <button nz-button (click)="submitForm()" [nzSize]="'large'" [nzType]="'primary'">新增</button>
  </div>

</nz-spin>
